<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Responsive Layout</title>
    <meta 
        name="viewport" 
        content="width=device-width, initial-scale=1.0"
    >
    <!-- fonts google -->
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <div class="flex-item">1</div>
        <div class="flex-item">2</div>
        <div class="flex-item">3</div>
        <div class="flex-item">4</div>
    </div>
</body>

</html>

